<!DOCTYPE html>
<html lang="en" data-ng-app="App">

<head>
    <meta charset="UTF-8">
    <title>云图轨道交通数据管理系统-账号申请</title>
    <link rel="stylesheet" href="/StyleSheets/font-awesome.css">
    <link rel="stylesheet" href="/StyleSheets/authentication/style.css">
</head>


<body data-ng-controller="homeCtrl">
    <div id="register-container">
        <div id="sgidi">
            最后一步
        </div>
        <div class="divider"></div>
        <div class="form-wrapper">
            <form action="/register2" method="post" enctype="application/x-www-form-urlencoded">
                <div class="input-section">
                    <label for="reviewer" title="只有审核人通过了你的请求,你的账户才可以使用.">
                        审核人 <i class="fa fa-male"></i>
                    </label>
                    <select data-ng-model="reviewer" required data-ng-options="p for p in reviewerList"></select>
                    <input type="hidden" required name="reviewer" value="{{reviewer}}">
                </div>
                <div class="input-section">
                    <label for="realname">
                        真实姓名 <i class="fa fa-user-md"></i>
                    </label>
                    <input type="text" name="realname" data-ng-model="realName" required placeholder="审核人需要知道你的名字">
                </div>
                <div class="input-section">
                    <label for="phone">
                        电话 <i class="fa fa-phone"></i>
                    </label>
                    <input type="text" name="phone" required placeholder="手机号码">
                </div>
                <div class="input-section">
                    <label for="email">
                        电子邮箱 <i class="fa  fa-envelope"></i>
                    </label>
                    <input type="text" name="email" required placeholder="邮箱">
                </div>
                <div class="input-section" style="text-align:center;">
                    <!--            <label for="sendMail" style="vertical-align:middle;">
                        提醒 <i class="fa fa-send"></i>
                    </label> -->
                    <input type="radio" name="sendMail" checked style="width:auto;margin-top:5px; vertical-align:middle;" value="true" />
                    <span style=" vertical-align:middle;letter-spacing:1px;">同时发邮件,提醒审核人</span>
                    <input type="radio" name="sendMail" style="width:auto;margin-top:5px; vertical-align:middle;" value="false" />
                    <span style=" vertical-align:middle;letter-spacing:1px;">不发送邮件,我能耐心等待</span>
                </div>
                <div class="input-section">
                    <label>
                        &nbsp;
                    </label>
                    <input type="submit" class="submit-btn finish" value="完成">

                </div>
            </form>
        </div>
    </div>
    <footer>©2014-2015 上海岩土工程勘察设计研究院有限公司-地理信息所版权所有</footer>
</body>
<script src="http://cdn.staticfile.org/angular.js/1.3.0-beta.13/angular.min.js"></script>
<script>
var app = angular.module('App', []);
app.controller('homeCtrl', ['$scope', '$timeout', function($scope, $timeout) {

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    $scope.realName = decodeURI(readCookie('username')) || "";
    $scope.reviewerList = ['付和宽', '王浩宇'];
    $scope.reviewer = $scope.reviewerList[0];

}]);
</script>

</html>
